<?xml version="1.0" encoding="UTF-8" ?>
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui">
	
	<p:dialog id="popUpNuevoUsuario" header="Registrar Usuario" 
		widgetVar="dlgNuevoUsuario" modal="true" minWidth="350" appendToBody="true">
		<h:form id="formNuevoUsuario">	
			<p:panel id="pnlNuevoUsuario" styleClass="formulario">
				<table>
					<tr>
						<td><h:outputLabel for="txtNombre" value="Nombre Usuario" /></td>
						<td>
							<h:inputText id="txtNombre"
								value="#{usuarioDataManager.usuarioInstancia.nombresUsuario}" required="true" label="Nombre Usuario" />
						</td>
					</tr>
					<tr>
						<td><h:outputLabel for="txtApellido" value="Apellido Usuario" /></td>
						<td>
							<h:inputText id="txtApellido"
								value="#{usuarioDataManager.usuarioInstancia.apellidosUsuario}" required="true" label="Nombre Usuario" />
						</td>
					</tr>
					<tr>
						<td><h:outputLabel for="txtCI" value="CI Usuario" /></td>
						<td>
							<h:inputText id="txtCI"
								value="#{usuarioDataManager.usuarioInstancia.ciUsuario}" required="true" label="CI Usuario" />
						</td>
					</tr>
					<tr>
						<td><h:outputLabel for="txtUsername" value="Username" /></td>
						<td>
							<h:inputText id="txtUsername"
								value="#{usuarioDataManager.usuarioInstancia.loginUsuario}" required="true" label="Username" />
						</td>
					</tr>
					<tr>
						<td><h:outputLabel for="txtMail" value="Email" /></td>
						<td>
							<h:inputText id="txtMail"
								value="#{usuarioDataManager.usuarioInstancia.emailUsuario}" required="true" label="Email" />
						</td>
					</tr>
					<tr>
						<td>
							<h:outputLabel value="Empresa" />
						</td>
						<td>
							<h:selectOneMenu value="#{usuarioController.idEmpresaSeleccionada}" label="Empresa">
								<f:selectItem itemValue="" itemLabel="#{i18n['label.seleccione']}" />
								<f:selectItems value="#{selectItemsController.catalogoListaEmpresa}"/>
								<p:ajax event="change" process="@this" update="selectPerfil" listener="#{usuarioController.obtenerPerfilesEmpresa}"/>
							</h:selectOneMenu>
						</td>
					</tr>
					<tr>
						<td>
							<h:outputLabel value="Perfil" />
						</td>
						<td>
							<h:selectOneMenu id="selectPerfil"
								value="#{usuarioDataManager.usuarioInstancia.segtPerfil.idPerfil}"
								label="Perfil">
								<f:selectItem itemValue="" itemLabel="#{i18n['label.seleccione']}" />
								<f:selectItems value="#{usuarioController.catalogoPerfiles}"/>
							</h:selectOneMenu>
						</td>
					</tr>
				</table>
			</p:panel>
			<p:panel id="pnlBotones">
				<p:commandButton id="btnGuardar" value="#{i18n['label.guardar']}"
					actionListener="#{usuarioController.registrarUsuario}"
					process="@this,pnlNuevoUsuario"
					update="pnlNuevoUsuario,:formUsuario:tablaUsuarios,:formUsuario:pnlMessages"
					oncomplete="if (#{facesContext.maximumSeverity==null}) {#popUpNuevo.hide();}"/>
			</p:panel>
		</h:form>
	</p:dialog>
	
</ui:composition>